<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据集详情</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<!-- jQuery-->
		<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>

		<!-- layui-->
		<link rel="stylesheet" href="/static/plugins/layui/2.8.4/css/layui.css" media="all">
		<script src="/static/plugins/layui/2.8.4/layui.js" charset="utf-8"></script>
	</head>
	<style>
		.title-view{
			background-color: white;
			width: 95%;
			
			margin: 0 auto;
			margin-top: 20px;
			margin-bottom: 20px;
			border-radius: 5px;
			padding: 17px 30px 17px 30px ;
		}
		.title-main{
			font-size: 17px;
			padding-bottom: 10px;
			font-weight: 600;
		}
		.title-tip{
			font-size: 12px;
			line-height: 20px;
			padding-top: 20px;
			padding-bottom: 10px;
		}
		.title-tip-txt{
			padding-top: 10px;
			padding-bottom: 5px;
		}
		.content-view{
			width: 95%;
			background-color: white;
			margin: 0 auto;
			padding: 17px 30px 17px 30px ;
		}
		.btn-view{
			border-radius: 7px;
			padding-left: 20px;
		}
		.btn-view-search{
			float: right;
			padding-right: 20px;: 20px;
		}
		.card-view{
			border-style: solid;
			border-color: #F7F7F9;
			border-width: 2px;
			border-radius: 10px;
		}
		.card-body-set{
			font-size: 12px;
			color: #9e9fa1;
			height: 100px;
		}
		.more-set{
			float: right;
		}
	</style>
	<body style="background-color: #F7F7F9;">
		
		<div class="title-view">
			
			<div class="title-main"><span>XXXXX（数据集名称）</span></div>
			<div class="title-tip">
				<div class="layui-row">
					<div class="layui-col-xs4">
						<div class="title-tip-txt">数据集格式：文本文档格式</div>
						<div class="title-tip-txt">创建者：admin</div>
					</div>
					<div class="layui-col-xs4">
						<div class="title-tip-txt">对应模型：文生图模型</div>
						<div class="title-tip-txt">创建时间：2023-11-29</div>
					</div>
					<div class="layui-col-xs4">
						<div class="title-tip-txt">文档数：100</div>
						<div class="title-tip-txt">xxx：xxx</div>
					</div>
				</div>
			</div>
			
		</div>
		
		<div class="content-view">
			<div class="btn-view">
				<div class="layui-btn-container">
					<button type="button" class="layui-btn layui-bg-blue btn-view" lay-on="upload-iframe">
					   <i class="layui-icon layui-icon-add-1"></i>导入文件
					</button>
					<button type="button" class="layui-btn layui-bg-blue btn-view"  lay-on="add-iframe">
					   <i class="layui-icon layui-icon-add-1"></i>新增
					</button>
				   
				   <div class="layui-input-group btn-view-search">
				        <input type="text" placeholder="搜索文档名称" class="layui-input">
				        <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
							<i class="layui-icon layui-icon-search"></i>
				        </div>
				    </div>
				</div>
				
				
			</div>
			
			
			
			<div>
				<table class="layui-table" lay-data="{height:315, page:true}" id="ID-table-demo-init">
				  <thead>
				    <tr>
				      <th lay-data="{field:'name', sort: true}">文件名称</th>
				      <th lay-data="{field:'uploadtype'}">文件上传状态</th>
				      <th lay-data="{field:'status'}">启用状态</th>
				      <th lay-data="{field:'tokens'}">字符数</th>
					  <th lay-data="{field:'tpye'}">格式类型</th>
				      <th lay-data="{field:'time'}">上传时间</th>
				      <th lay-data="{field:'opt'}">操作</th>
				    </tr>
					<tr>
					  <td>文件名称</td>
					  <td>已成功</td>
					  <td>启用</td>
					  <td>999</td>
					  <td>问答对</td>
					  <td>2023-11-29</td>
					  <td>修改       删除</td>
					</tr>
				  </thead>
				</table>
				
				
			</div>
			
			
		</div>
		
		
		
		
		
		<script>
		layui.use(function(){
		  var $ = layui.$;
		  var layer = layui.layer;
		  var util = layui.util;
		  // 事件
		  util.on('lay-on', {
		    'add-iframe': function(){
		      layer.open({
				  title: '新增',
		        type: 2,
		        area: ['1000px', '600px'],
		        content: '/web/eKnowAi/webEKnowAiController/modelCorpusListAdd',//'../aiTalkTest/modelCorpusListAdd.html',
		        fixed: false, // 不固定
		        maxmin: true,
		        btnAlign: 'c',
		        
		      });
		    },
		    'upload-iframe': function(){
		    		      layer.open({
		    				  title: '导入',
		    		        type: 2,
		    		        area: ['1000px', '600px'],
		    		        content: '/web/eKnowAi/webEKnowAiController/modelCorpusListUpload',//'../aiTalkTest/modelCorpusListUpload.html',
		    		        fixed: false, // 不固定
		    		        maxmin: true,
		    		        btnAlign: 'c',
		    		        
		    		      });
		    		    },
		  })
		});
		</script>
		
		
		
	</body>
</html>


